<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss">
body::-webkit-scrollbar {
  display: none;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
}
.el-header {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(
    120deg,
    rgb(246, 211, 101) 0%,
    rgb(253, 160, 133) 100%
  );
  display: flex;
  justify-content: space-between;
  .head {
    margin: 0;
    line-height: 60px;
  }
  p {
    &:first-child {
      color: #333;
    }
    font-size: 14px;
    margin: 0;
  }
  img {
    width: 40px;
    border-radius: 50%;
  }
  .right {
    display: flex;
    width: 150px;
    justify-content: space-between;
    margin-top: 10px;
  }
}

.el-aside {
  color: #333;
  text-align: center;
  line-height: 200px;
}

.el-main {
  background-color: #e9eef3;
  color: #333;
  // text-align: center;
  // line-height: 160px;
}

body .el-container {
  height: 100vh;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
</style>
